import { Outlet, Route, Routes } from "react-router-dom";
import UserList from "@/pages/User/UserList";
import AddUser from "@/pages/Organization/AddUser";
import MultiAdd from "@/pages/User/MultiAdd";
import { Content } from "antd/es/layout/layout";
import React from "react";

const Organization = () => {
  return (
    <div>
      <Routes>
        <Route index path="/system/organization" element={<UserList />} />
        <Route
          path="/system/organization/add-organization"
          element={<AddUser />}
        />
        <Route
          path="/system/organization/edit-organization"
          element={<AddUser />}
        />
        <Route path="/system/organization/add-user" element={<MultiAdd />} />
        <Route path="/system/organization/edit-user" element={<MultiAdd />} />
      </Routes>

      <Content
      // style={{
      //   position: "relative",
      //   // padding: 24,
      //   marginTop: "10px",
      //   minHeight: 400,
      //   backgroundColor: "red",
      // }}
      >
        <Outlet />
      </Content>
    </div>
  );
};

export default Organization;
